<%--
  Created by IntelliJ IDEA.
  User: 18383
  Date: 2023/3/10
  Time: 13:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="static/plugins/bootstrap-3.4.1/css/bootstrap.min.css">
<html>
<head>
    <title></title>
    <style>
        body {
            background-size: cover;
            background: url('static/img/login_body.jpg') no-repeat center top;
            z-index: -1;
            color: #adadad;
            /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
            background-attachment: fixed;
        }

        .login {
            width: 330px;
            margin: 100px auto;
            padding: 10px 10px;
            border: #2aabd2 solid 1px;
            border-radius: 10px;
            box-shadow: 3px 3px 5px #b0b0b0; /*阴影*/
        }

        h3 {
            text-align: center;
            margin-bottom: 20px;
        }

        .login .registered {
            text-decoration: none;
            float: right;
            margin-right: 20px;
        }
        .form-group>span {
            color: red;
        }

    </style>
</head>
<body>
<div>
    <div class="login container">
        <h3 style="color: #adadad">管理员登录</h3>

        <form class="form-group" id="adminLoginForm" method="post" action="/admin?m=adminLogin">

            <div class="form-group">
                <label>用户名:</label><span></span>
                <input type="text" class="form-control" name="username" placeholder="请输入用户名" autocomplete="off">
            </div>
            <div class="form-group">
                <label>密码:</label><span></span>
                <input type="password" class="form-control" name="password" placeholder="请输入密码" autocomplete="off">
            </div>
            <div class="form-group">
                <label>验证码:</label><span></span>
                <div class="clearfix">
                    <input type="text" class="form-control" style="width: 50%;float: left;margin-right: 50px" name="code" placeholder="请输入验证码" autocomplete="off">
                    <img id="code" style="border-radius: 3px" src="/imgCode">
                </div>
            </div>
            <div class="clearfix">
                    <button type="submit" class="btn btn-primary" style="float:left;">登录</button>
            </div>
        </form>


    </div>
</div>
<script src="static/js/jquery-3.6.3.min.js"></script>
<script src="static/plugins/bootstrap-3.4.1/js/bootstrap.min.js"></script>
<script src="static/plugins/jqueryvalidate/jquery.validate.js"></script>
<script src="static/plugins/jqueryvalidate/messages_zh.js"></script>
<script src="static/js/jsEmail.js"></script>
<script src="static/js/registerForm.js"></script>

</body>
</html>
